<template>
  <Bespeak class="form-properties" :config="formConfig" :formConfig="formData.formConfig"></Bespeak>
</template>

<script>
import Bespeak from '@/components/Bespeak'
export default {
  components: { Bespeak },
  props: {
    formData: {
      type: Object,
      require: true
    }
  },
  data() {
    return {
      formConfig: {
        size: 'mini',
        labelPosition: 'left',
        formList: [
          {
            label: '标签对齐方式',
            type: 'radio',
            key: 'labelPosition',
            isButton: true,
            labelPosition: 'top',
            labelWidth: '100%',
            checkList: [
              { label: '左对齐', value: 'left' },
              { label: '右对齐', value: 'right' },
              { label: '顶部对齐', value: 'top' }
            ]
          },
          {
            label: '组件大小',
            type: 'radio',
            key: 'size',
            isButton: true,
            checkList: [
              { label: '大', value: 'medium' },
              { label: '中', value: 'small' },
              { label: '小', value: 'mini' }
            ]
          }
        ]
      }
    }
  },
  computed: {},
  created() { },
  methods: {

  },
}
</script>

<style scoped lang="scss"> .form-properties {}
</style>